/**
* 首页样式
* by 胖胖吉
 */
.index-banner {
    position: relative;
}

.index-banner img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.index-data {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    padding: 0 20px;
}

.index-data li {
    float: left;
    display: inherit;
    text-align: center;
    color: #fff;
    width: 33.3333%;
    font-size: .7rem;
}

.index-data li span {
    display: block;
    font-size: 1.2rem;
    font-family: Helvetica;
}

.index-channel {
    position: relative;
    height: 110px;
    padding-top: 25px;
}

.index-channel:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    color: #d9d9d9;
    border-bottom: 1px solid #cfcfcf;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.index-channel div {
    float: left;
    display: inline;
    width: 25%;
    text-align: center;
    font-size: .8rem;
    color: #333333;
}

.index-channel span {
    display: block;
    text-align: center;
    padding-top: 40px;
}

.index-channel img {
    display: block;
    margin: 0  auto;
    height: 28px;
    width: auto;
}

.index-channel img.index-channel__h {
    display: none;
}

.index-channel a {
    color: #333;
    display: block;
    background: url("../../img/v3/icon_school.png") center top no-repeat;
    background-size:  auto 28px;
}

.index-channel a:active {
    background-image: url("../../img/v3/icon_school_h.png?v=1.0");
}

.index-channel a.index-channel__major {
    background-image: url("../../img/v3/icon_major.png");
}

.index-channel a.index-channel__major:active {
    background-image: url("../../img/v3/icon_major_h.png?v=1.0");
}

.index-channel a.index-channel__curriculum {
    background-image: url("../../img/v3/icon_class.png");
}

.index-channel a.index-channel__curriculum:active {
    background-image: url("../../img/v3/icon_class_h.png?v=1.0");
}

.index-channel a.index-channel__showcase {
    background-image: url("../../img/v3/icon_case.png");
}

.index-channel a.index-channel__showcase:active {
    background-image: url("../../img/v3/icon_case_h.png?v=1.0");
}

.index-channel a.index-channel__teacher {
    background-image: url("../../img/v3/icon_teacher.png");
}

.index-channel a.index-channel__teacher:active {
    background-image: url("../../img/v3/icon_teacher_h.png?v=1.0");
}

.index-channel a:active img {
    display: none;
}

.index-channel a:active img.index-channel__h {
    display: block;
}

.index-channel a:active {
    color: #32c082;
}



.index-hot-class {
    padding: 15px;
    padding-bottom: 0;
}

.index-hot-class__item {
    width: 50%;
    float: left;
    display: inline;
    padding: 14px;
}

.index-hot-class__item-y div {
    border: 1px solid #ccc;
    border-top: none;
}

.index-hot-class__item img {
    width: 100%;
    height: auto;
    -moz-box-shadow:0px 5px 10px 0px rgba(21,37,49,0.4);
    -webkit-box-shadow:0px 5px 10px 0px rgba(21,37,49,0.4);
    box-shadow:0px 5px 10px 0px rgba(21,37,49,0.4);
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.index-hot-class__item-y img {
    box-shadow: none;
    vertical-align: top;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.index-hot-class__item strong {
    font-size: .8rem;
    color: #2d2d2d;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 5px;
}

.index-hot-class__item-y strong {
    color: #32c082;
}

.index-hot-class__item p {
    color: #666666;
    font-size: .6rem;
    text-align: center;
}

.index-hot-class__item-y p {
    padding-bottom: 10px;
}

.index-why {
    margin-top: 25px;
    background-color: #2d2d2d;
}

.index-why__title {
    text-align: center;
    font-size: 1rem;
    padding-top: 40px;
    color: #fff;
}

.index-why__container {
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 30px;
}

.index-why__item {
    float: left;
    display: inline;
    width: 50%;
    padding: 10px;

}

.index-why__item-c {
    color: #cfcfcf;
    padding: 15px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: .6rem;
    line-height: 18px;
    background: url("../../img/v3/number_1.png") 120% center no-repeat #393939;
}

.index-why__item-c1 {
    background-position:  100% center;
    background-size: 37px 84px;
}

.index-why__item-c2 {
    background-image: url("../../img/v3/number_2.png");
    background-size: 56px 84px;
}

.index-why__item-c3 {
    background-position:  125% center;
    background-image: url("../../img/v3/number_3.png");
    background-size: 58px 87px;
}

.index-why__item-c4 {
    background-position:  110% center;
    background-image: url("../../img/v3/number_4.png");
    background-size: 58px 82px;
    padding-right: 10px;
}

.index-why__item-c5 {
    background-position:  120% center;
    background-image: url("../../img/v3/number_5.png");
    background-size: 58px 82px;
}

.index-why__item-c6 {
    background-position:  120% center;
    background-image: url("../../img/v3/number_6.png");
    background-size: 58px 82px;
}

.index-why__item strong {
    color: #fff;
    font-size: .8rem;
    display: block;
    padding-bottom: 10px;

}

.index-datas-news {
    padding-top: 20px;
}


.lecture {
    position: relative;
    padding: 15px;
    height: 163px;
    padding-bottom: 0;
}

.lecture dt {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 150px;
    height: 148px;
    overflow: hidden;
    background-color: #ccc;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.lecture dt img {
    width: 150px;
    height: 148px;
}

.lecture dd {
    padding-left: 165px;
    position: relative;
    height: 148px;
}

.lecture dd a {
    font-size: .8rem;
    color: #313131;
    line-height: 18px;
}

.lecture dd div {
    font-size: .6rem;
    color: #666666;
    padding-top: 10px;
}

.lecture dd em {
    font-style: normal;
    font-size:.6rem;
    color: #ccc;
    position: absolute;
    right: 0;
    bottom: 0;
}

.index-datas__item-news {
    height: 90px;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {


}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
    /* 兼容iphone5 */

    .index-data {

        padding: 0 10px;
    }

    .index-why__item {

        width: 100%;
        clear: both;
        height: auto;


    }

    .index-why__item-c {
        background: #393939;
    }

    .index-hot-class__item {
        width: 100%;
        clear: both;
    }

}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {
    /* 兼容iphone6 */


}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {
    /* 兼容iphone6 Plus */



    .index-why__item-c3 {
        background-position: 115% center;
    }
}

@media (device-height:640px) and (-webkit-min-device-pixel-ratio:2) {
    /* 安卓 */
    .index-why__item {
        padding: 5px;
    }

    .index-hot-class__item {
        padding: 10px;
    }



}